<template>
	<div class="lodings">
		<van-loading type="spinner" color="#1989fa" vertical>加载中...</van-loading>
	</div>
</template>

<script>
import { Loading } from 'vant';	
export default{
	components:{
		[Loading.name]:Loading
	}
}
</script>

<style  style="less">
	.lodings .van-loading{
		position: fixed !important;
		top: 50%;
		left:50%;
		z-index: 666;
		transform: translate(-50%);
	}
@media (min-width: 750px) {
	.lodings .van-loading{
		position: fixed !important;
		top: 50%;
		left:50%;
		z-index: 666;
		transform: translate(-50%);
	}
}
</style>
